package myJs.cps.myTable

import myJs.cps.{PureInputCp, PureSelect2MulCp, Style}
import slinky.core.FunctionalComponent
import slinky.core.annotations.react
import slinky.web.html._

import scala.collection.immutable.SeqMap

/**
 * Created by yz on 21/1/2022
 */
@react object CheckboxSearchLiCp {

  case class Props(values: List[String], valuesChange: List[String] => Unit, optionMap: SeqMap[String, String])

  val component = FunctionalComponent[Props] { props =>

    object FTool {


    }

    li(className := "myLi myInputLi dateInput",
      div(style := Style(marginBottom = 10),
        span(className := "fas fa-filter"),
        s" Screening"
      ),
      div(style := Style(marginBottom = 10), className := "form-group",
        div(className := "col-sm-12",
          PureSelect2MulCp(width = "100%", optionMap = props.optionMap, value = props.values, onChange = props.valuesChange)
        )
      ),
    )

  }

}
